<template>
    <a-layout id="admin-layout">
        <!--左边导航菜单-->
        <Sider />
        <!--右边-->
        <a-layout>
            <!--头部-->
            <Header/>
            <!--中间内容-->
            <Content/>
            <!--底部版权-->
            <Footer/>
        </a-layout>
    </a-layout>
</template>

<script>
    import Sider from '../../components/index/Sider';
    import Header from '../../components/index/Header';
    import Content from '../../components/index/Content';
    import Footer from '../../components/index/Footer';

    export default {
        name: "Index",
        data() {
            return {

            }
        },
        components: {
            Sider,
            Header,
            Content,
            Footer,
        },
        computed: {

        },
    }
</script>

<style scoped>
    #admin-layout{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-sizing: border-box;
        font-size: 18px;
    }
</style>
